<!DOCTYPE html>
<!-- saved from url=(0046)http://www.himbuv.com/cgi-bin/php/pbn_edit.php -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
Demo deal 31
</title>

<style type="text/css">
body{margin-left:20px;}
td{padding:2px;font-family:Calibri;font-size:16px;border:1px dotted gray;text-align:center;}
table{border-collapse:collapse;}
.dragme{position:relative;}
.del_{cursor:n-resize;}
</style>
<script src="./pbn-sample-2_files/jquery-latest.min.js.download" type="text/javascript"></script>
<script type="text/javascript">
// this part in the head or in a js file

/* global vars */
var bid_x;
var bid_y;
var hiddenbid =' ';
var hiddencell;
var hideafter = 0;
var deleted   = ""
var myids     = new Array("dea_l","nort_h","wes_t","bgim_g","eas_t","sout_h","b_idding","lead","contract","Yourtext","frm","links");
var done      = 0; // disable moving to the right after the first time
var nodrag    = 0; // disable dragging
var nodel     = 0; // disable deleting
var htable    = new Array();
var thetable;
/* end global vars */

function getPosition(obj){
    var topValue = 0,leftValue = 0;
    while(obj){
        leftValue += obj.offsetLeft;
        topValue += obj.offsetTop;
        obj = obj.offsetParent;
    }
    bid_x = leftValue;
    bid_y = topValue;
}
function downpos(){
     document.getElementById("b_idding").style.top  = bid_y+"px";
     document.getElementById("b_idding").style.left = bid_x+"px";
}
function showcards(){ // shows all deleted cards
    ar  = deleted.split(",");
    len = ar.length;
    len--;
    for(i=0;i<len;i++){
        document.getElementById(ar[i]).style.display = "";
    }
    deleted = "";
    document.allcards.delcards.value = deleted;
}

function cards(card){ // hides cards and adds them to deleted var visible in the input field
        if(nodrag)
            return;
        document.getElementById(card).style.display = "none";
        deleted += card + ","
}

// repositions the bidding diagram to this postion
function repos(top){
    if(!window.maxrow) // if there is no bidding diagram avoid javascript errors
        return;
     if(done) // can reposition only once
        return;
    if(!done)
        done++;
    var left = getPos();
    document.getElementById("bid_cont_").style.position = "absolute";
    document.getElementById("bid_cont_").style.top      = top + "px";
    document.getElementById("bid_cont_").style.left     = left + "px";
}

// determine where the most right part of the diagram/title is
function getPos() {
    var el = document.getElementById("lefttitle");
    for ( var x = 0 ; el != null; x += el.offsetLeft, el = el.offsetParent); // where it starts

    var el = document.getElementById("eas_t");
    for ( var x2 = 0 ; el != null; x2 += el.offsetLeft, el = el.offsetParent); // where it starts
    if(x<x2)
        x=x2

    z = document.getElementById("dea_l").innerHTML;
    ar=z.split("<")
    x3 = ar[0].length
    if(x3>69)
        x3 = 531
    if(x<x3)
        x=x3
    x = x + 15; // add the width of deal = 530px  and margin 15px
    return x;
}

// show hide
function toggleplayer(name){
    obj = document.getElementById(name);
    if(!window.obj){
        ('Item does not exist');
        return
    }
    if(document.getElementById(name).style.display == "none")
        document.getElementById(name).style.display = "block";
    else
        document.getElementById(name).style.display = "none";
}

// show
function show(name){
     document.getElementById(name).style.display = "block";
}

// hide
function hide(name){
     document.getElementById(name).style.display = "none";
}

// hide bidding cells after the given cell
function hide_after_cell(cell_nr){

    cell_nr = parseInt(cell_nr);
    if (cell_nr==0)
        return;

     if (!window.maxrow)  // if there is no auction we dont want javascipt errors
        return;

     for(x=1;x<5;x++) // ids go from 1
     {
         cname = "b"+x
         if (document.getElementById(cname).innerHTML !=="" )
         {
             pos = x;
             break;
         }
     }
     pos = parseInt(pos)

     lastbid = cell_nr + pos ;
     firsttohide = lastbid + 1
     name = "b" + lastbid;
     hiddenbid = document.getElementById(name).innerHTML; // store the hidden bid to show it later
     hiddencell = lastbid
     document.getElementById(name).innerHTML = "?";

     hiderowfrom = Math.ceil(lastbid/4) +1
     i = hiderowfrom;

     // get the value of the bid to hide
     for(i; i <= maxrow; i++){
             name = "r" + i;
             document.getElementById(name).style.display = "none";
     }

     // hide rows after the bid
     for(z=firsttohide; z < maxcell; z++){
         name = "b" + z;
         document.getElementById(name).style.display = "none";

     }
     for(i=1; i <= maxcell; i++){
          name="b"+i
          htable[i] = document.getElementById(name).innerHTML;
     }
     document.getElementById("notes").style.display = "none";// hide notes and nags


}

// show bidding cells after the given cell
function show_cells(cell_nr){

    if (!window.maxrow)   // if there is no auction we dont want jacascipt errors
        return;

    $("#b_idding").html(thetable);

}

// hide a set of cards
function handlecards(cards2delete){
    myar = cards2delete.split(",");
    mylen = myar.length;
    for(i=0; i < mylen; i++){
        cards(myar[i]);
    }
}

function vis(id){
    if(document.getElementById(id).style.display == "none")
        return 0;
    else
        return 1;
}

// display per id
function restore(id,state){
    if(state != 0){
        document.getElementById(id).style.display = "block"
    }
    else{
        document.getElementById(id).style.display = "none"
    }
}
function getPosX(id) {
    var el = document.getElementById(id);
    for (var x=0;el != null;x += el.offsetLeft,  el = el.offsetParent); // where it starts
    return x;
}

function getPosY(id) {
    var el = document.getElementById(id);
    for (var x=0;el != null;x += el.offsetTop,  el = el.offsetParent); // where it starts
    return x;
}

// save current situation:ints display bids|cards|pos    var myids= new Array("dea_l","nort_h","wes_t","bgim_g","eas_t","sout_h","b_idding","frm","links");
function storestate(){

    var str='';
    var pos='|';
    len = myids.length - 2;
    for(i=0;i<len;i++){
        vs = vis(myids[i])
        str += vs + ',';
        if(vs != 0){
             x = getPosX(myids[i]);
             y = getPosY(myids[i]);
             pos += x+',' + y + ',';
        }
        // alert('store ' + myids[i] + ' visible=' + vs+ ' pos= ' + x + ',' + y )
    }
    str += "0,0,";
    str += hideafter;
    str += "|";
    str += deleted;
    if(deleted.length != 0){
        str = str.slice(0, -1); // remove last character
    }
    // add position of each element
    str += pos;
    str = str.slice(0, -1); // remove last character

    document.allcards.delcards.value = str;
    document.allcards.delcards.select();
}

// display saved situation
function producestate(currentstate){
    hide('oine_s')
    poscnt   = 0;
    ar       = currentstate.split("|") // create array
    state_ar = ar[0].split(",");
    docards  = 1;
    if(ar[1].length>0)
        card_ar = ar[1].split(",");
    else
        docards = 0;

    pos_ar = ar[2].split(",");

    for(i=0; i < myids.length; i++){
        restore(myids[i],state_ar[i]);
        if(state_ar[i] == 1){  // set position
            x = pos_ar[poscnt];
            poscnt++;
            y = pos_ar[poscnt];
            //alert('restore '+myids[i]+' pos x,y='+x+','+y)
            document.getElementById(myids[i]).style.position = "absolute";
            document.getElementById(myids[i]).style.cursor = "auto";
            if(myids[i]=='b_idding'){
                x -= 30;
                y -= 12;
            }
            else if(myids[i]=='dea_l'){
                x-= 23
                y-= 11
            }
            else if(myids[i]=='lead' || myids[i]=='Yourtext'){
                x-=23
                y-=11
            }
            else{
                x-= 23

                y-= 11
            }
            if(x<0)
                    x=0
            document.getElementById(myids[i]).style.left = x + "px";
            document.getElementById(myids[i]).style.top  = y + "px";
            poscnt++;
        }
    }
    if(state_ar[i]!=0){
        hide_after_cell(state_ar[i]);
    }
    if(docards){
        for(i=0;i<card_ar.length;i++){
             cards(card_ar[i]);
        }
    }
    /*obj =  document.getElementById("container");
    xx=-3
    yy=-3
    obj.style.position = "absolute";
    obj.style.left = xx + "px";
    obj.style.top = yy + "px";*/
    nodel++;
}

// dynamicly produce options
function addOption(selectbox,text,value ){
    var optn   = document.createElement("OPTION");
    optn.text  = text;
    optn.value = value;
    selectbox.options.add(optn);
}


var ie=document.all;
var nn6 = document.getElementById&&!document.all;

var isdrag = false;
var x,y;
var dobj;

function movemouse(e)
{
    if (isdrag&&!nodrag) {
        dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
        dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
        return false;
    }
}

function selectmouse(e)
{
  if(nodrag)
    return
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme"){
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove = movemouse;
    return false;
  }
}

document.onmousedown = selectmouse;
document.onmouseup = new Function("isdrag = false");
</script>
</head>
<body><div id="con_t" style="padding:2px;width:530px;height:500px;position:relative;top:0px;left:0px;font-family:Calibri;font-size:16px;line-height:120%;">
<div class="dragme"><div id="dea_l" style="width:530px;height:40px;position:absolute;top:0px;left:0px;cursor:default;">A - Bermuda Bowl Veldhoven Netherlands Final 4_8  October 2011<span id="lefttitle">&nbsp;</span><br>Deal 31 &nbsp; S / NS</div></div>
<div class="dragme"><div id="contract" style="position:absolute;top:56px;left:0px;cursor:default;">6<img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> by South</div></div>
<div class="dragme"><div id="nort_h" style="width:200px;height:136px;position:absolute;top:76px;left:104px;display:block;cursor:default;"><span style="color:red">North<br>Bas Drijver</span><br><img src="./pbn-sample-2_files/0s.gif" alt="s" width="13" height="11" style="cursor:text;"> <span id="c1" class="del_" onclick="cards(&#39;c1&#39;)">Q </span><span id="c2" class="del_" onclick="cards(&#39;c2&#39;)">J </span><span id="c3" class="del_" onclick="cards(&#39;c3&#39;)">10 </span><br><img src="./pbn-sample-2_files/0h.gif" alt="h" width="13" height="11" style="cursor:text;"> <span id="c4" class="del_" onclick="cards(&#39;c4&#39;)">Q </span><span id="c5" class="del_" onclick="cards(&#39;c5&#39;)">4 </span><br><img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> <span id="c6" class="del_" onclick="cards(&#39;c6&#39;)">A </span><span id="c7" class="del_" onclick="cards(&#39;c7&#39;)">K </span><span id="c8" class="del_" onclick="cards(&#39;c8&#39;)">6 </span><span id="c9" class="del_" onclick="cards(&#39;c9&#39;)">3 </span><br><img src="./pbn-sample-2_files/0c.gif" alt="c" width="13" height="11" style="cursor:text;"> <span id="c10" class="del_" onclick="cards(&#39;c10&#39;)">A </span><span id="c11" class="del_" onclick="cards(&#39;c11&#39;)">7 </span><span id="c12" class="del_" onclick="cards(&#39;c12&#39;)">6 </span><span id="c13" class="del_" onclick="cards(&#39;c13&#39;)">3 </span></div></div>
<div class="dragme"><div id="wes_t" style="width:100px;height:136px;cursor:default;position:absolute;top:187px;left:0px;%;"><span style="color:green">West<br>Joe Grue</span><br><img src="./pbn-sample-2_files/0s.gif" alt="s" width="13" height="11" style="cursor:text;"> <span id="c14" class="del_" onclick="cards(&#39;c14&#39;)">9 </span><span id="c15" class="del_" onclick="cards(&#39;c15&#39;)">5 </span><span id="c16" class="del_" onclick="cards(&#39;c16&#39;)">4 </span><span id="c17" class="del_" onclick="cards(&#39;c17&#39;)">2 </span><br><img src="./pbn-sample-2_files/0h.gif" alt="h" width="13" height="11" style="cursor:text;"> <span id="c18" class="del_" onclick="cards(&#39;c18&#39;)">9 </span><span id="c19" class="del_" onclick="cards(&#39;c19&#39;)">6 </span><br><img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> <span id="c20" class="del_" onclick="cards(&#39;c20&#39;)">9 </span><span id="c21" class="del_" onclick="cards(&#39;c21&#39;)">8 </span><span id="c22" class="del_" onclick="cards(&#39;c22&#39;)">7 </span><br><img src="./pbn-sample-2_files/0c.gif" alt="c" width="13" height="11" style="cursor:text;"> <span id="c23" class="del_" onclick="cards(&#39;c23&#39;)">10 </span><span id="c24" class="del_" onclick="cards(&#39;c24&#39;)">9 </span><span id="c25" class="del_" onclick="cards(&#39;c25&#39;)">5 </span><span id="c26" class="del_" onclick="cards(&#39;c26&#39;)">2 </span></div></div>
<div class="dragme"><div id="bgim_g" style="width:120px;height:136px;position:absolute;cursor:default;top:197px;left:104px;background-image:url(&#39;/img/en_nz.gif&#39;);background-repeat:no-repeat;background-position:0px 14px;"></div></div>
<div class="dragme"><div id="eas_t" style="cursor:default;width:160px;height:136px;position:absolute;top:187px;left:214px;"><span style="color:green">East<br>Justin Lall</span><br><img src="./pbn-sample-2_files/0s.gif" alt="s" width="13" height="11" style="cursor:text;"> <span id="c27" class="del_" onclick="cards(&#39;c27&#39;)">8 </span><span id="c28" class="del_" onclick="cards(&#39;c28&#39;)">6 </span><span id="c29" class="del_" onclick="cards(&#39;c29&#39;)">3 </span><br><img src="./pbn-sample-2_files/0h.gif" alt="h" width="13" height="11" style="cursor:text;"> <span id="c30" class="del_" onclick="cards(&#39;c30&#39;)">A </span><span id="c31" class="del_" onclick="cards(&#39;c31&#39;)">J </span><span id="c32" class="del_" onclick="cards(&#39;c32&#39;)">7 </span><span id="c33" class="del_" onclick="cards(&#39;c33&#39;)">3 </span><br><img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> <span id="c34" class="del_" onclick="cards(&#39;c34&#39;)">5 </span><span id="c35" class="del_" onclick="cards(&#39;c35&#39;)">2 </span><br><img src="./pbn-sample-2_files/0c.gif" alt="c" width="13" height="11" style="cursor:text;"> <span id="c36" class="del_" onclick="cards(&#39;c36&#39;)">K </span><span id="c37" class="del_" onclick="cards(&#39;c37&#39;)">J </span><span id="c38" class="del_" onclick="cards(&#39;c38&#39;)">8 </span><span id="c39" class="del_" onclick="cards(&#39;c39&#39;)">4 </span></div></div>
<div class="dragme"><div id="sout_h" style="cursor:default;width:200px;height:136px;position:absolute;top:314px;left:104px;"><span style="color:red">South<br>Sjoert Brink</span><br><img src="./pbn-sample-2_files/0s.gif" alt="s" width="13" height="11" style="cursor:text;"> <span id="c40" class="del_" onclick="cards(&#39;c40&#39;)">A </span><span id="c41" class="del_" onclick="cards(&#39;c41&#39;)">K </span><span id="c42" class="del_" onclick="cards(&#39;c42&#39;)">7 </span><br><img src="./pbn-sample-2_files/0h.gif" alt="h" width="13" height="11" style="cursor:text;"> <span id="c43" class="del_" onclick="cards(&#39;c43&#39;)">K </span><span id="c44" class="del_" onclick="cards(&#39;c44&#39;)">10 </span><span id="c45" class="del_" onclick="cards(&#39;c45&#39;)">8 </span><span id="c46" class="del_" onclick="cards(&#39;c46&#39;)">5 </span><span id="c47" class="del_" onclick="cards(&#39;c47&#39;)">2 </span><br><img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> <span id="c48" class="del_" onclick="cards(&#39;c48&#39;)">Q </span><span id="c49" class="del_" onclick="cards(&#39;c49&#39;)">J </span><span id="c50" class="del_" onclick="cards(&#39;c50&#39;)">10 </span><span id="c51" class="del_" onclick="cards(&#39;c51&#39;)">4 </span><br><img src="./pbn-sample-2_files/0c.gif" alt="c" width="13" height="11" style="cursor:text;"> <span id="c52" class="del_" onclick="cards(&#39;c52&#39;)">Q </span></div>
</div>
<div class="dragme" id="bid_cont_" style="position: absolute; top: 4px; left: 464px;"><div id="b_idding" style="margin-top:0px;cursor:default;width:350px;"><table id="myTable"><tbody><tr><td class="none" style="color:#FFF;background:green;">West</td><td class="vul" style="color:#FFF;background:red;">North</td><td class="none" style="color:#FFF;background:green;">East</td><td class="vul" style="color:#FFF;background:red;">South</td></tr>
<tr><td>J. Grue</td><td>B. Drijver</td><td>J. Lall</td><td>S. Brink</td></tr>
<tr id="r1"><td id="b1"></td><td id="b2"></td><td id="b3"></td><td id="b4">1<img src="./pbn-sample-2_files/0h.gif" alt="h" width="13" height="11" style="cursor:text;"> </td></tr>
<tr id="r2"><td id="b5">Pass</td><td id="b6">2<img src="./pbn-sample-2_files/0c.gif" alt="c" width="13" height="11" style="cursor:text;"> <sup>1</sup></td><td id="b7">Pass</td><td id="b8">2<img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> </td></tr>
<tr id="r3"><td id="b9">Pass</td><td id="b10">2<img src="./pbn-sample-2_files/0h.gif" alt="h" width="13" height="11" style="cursor:text;"> </td><td id="b11">Pass</td><td id="b12">2<img src="./pbn-sample-2_files/0s.gif" alt="s" width="13" height="11" style="cursor:text;"> </td></tr>
<tr id="r4"><td id="b13">Pass</td><td id="b14">2NT<sup>2</sup></td><td id="b15">Pass</td><td id="b16">3<img src="./pbn-sample-2_files/0c.gif" alt="c" width="13" height="11" style="cursor:text;"> <sup>3</sup></td></tr>
<tr id="r5"><td id="b17">Pass</td><td id="b18">3<img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> </td><td id="b19">Pass</td><td id="b20">3<img src="./pbn-sample-2_files/0s.gif" alt="s" width="13" height="11" style="cursor:text;"> <sup>4</sup></td></tr>
<tr id="r6"><td id="b21">Pass</td><td id="b22">4<img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> </td><td id="b23">Pass</td><td id="b24">4<img src="./pbn-sample-2_files/0h.gif" alt="h" width="13" height="11" style="cursor:text;"> </td></tr>
<tr id="r7"><td id="b25">Pass</td><td id="b26">5<img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> </td><td id="b27">Pass</td><td id="b28">6<img src="./pbn-sample-2_files/0d.gif" alt="d" width="13" height="11" style="cursor:text;"> !</td></tr>
<tr id="r8"><td id="b29">Pass</td><td id="b30">Pass</td><td id="b31">Pass</td><td id="b32"></td></tr>
</tbody></table><br><span id="notes">1. Probably Mancheforcing<br>2. Probably Extra and stopper<br>3. Conventional<br>4. Conventional<br>!&nbsp; Good call<br></span></div></div>
<script type="text/javascript">
var maxrow = 8;
;var maxcell = 32;
</script>

<div class="dragme"><div id="lead" style="cursor:default;position:absolute;top:400px;left:0px;"><br>Lead: <img src="./pbn-sample-2_files/0s.gif" alt="s" width="13" height="11" style="cursor:text;"> 4</div></div>

<!--
%%EN,,0
[Event "A - Bermuda Bowl"]
[Site "Veldhoven Netherlands"]
[Date "2011.10.?"]
[Board "31"]
[West "Joe Grue"]
[North "Bas Drijver"]
[East "Justin Lall"]
[South "Sjoert Brink"]
[Dealer "S"]
[Vulnerable "NS"]
[Deal "W:9542.96.987.T952 QJT.Q4.AK63.A763 863.AJ73.52.KJ84 AK7.KT852.QJT4.Q"]
[Scoring "#"]
[Declarer "S"]
[Contract "6D"]
[Result "12"]
[Auction "S"]
1H Pass 2C =1= Pass
2D Pass 2H Pass
2S Pass 2NT =2= Pass
3C =3= Pass 3D Pass
3S =4= Pass 4D Pass
4H Pass 5D Pass
6D! AP
[Note "1:Probably Mancheforcing"]
[Note "2:Probably Extra and stopper"]
[Note "3:Conventional"]
[Note "4:Conventional"]
[Play "W"]
S4 ST S6 SK
H6 HQ HA H5
C2 CA CK CQ
H9 H4 H3 HK
D7 DK H7 H2
D8 D3 D2 DT
-  -  -  H8
*
[Description "#"]
[Stage "Final 4_8"]
[HomeTeam "Netherlands +130"]
[VisitTeam "USA 2 +108"]
[Room "Open"]


Human readable format:
          S: QJT
          H: Q4
          D: AK63
          C: A763
 S: 9542               S: 863
 H: 96                 H: AJ73
 D: 987                D: 52
 C: T952               C: KJ84
          S: AK7
          H: KT852
          D: QJT4
          C: Q


Deal format:
QJT.Q4.AK63.A763|863.AJ73.52.KJ84|AK7.KT852.QJT4.Q|9542.96.987.T952


Deep finesse format:
Deal:                                  QJT Q4A K63A 763
Contract:             9542 96 987 T952                  863 AJ73 52 KJ84
OnLead:                                AK7 KT852 QJT4 Q
Lead:
Result:
Commentary:


Numeric format cards-direction:
2200031213313120123213201200222333012010121331003103


Numeric format direction-cards:
2,3,4,15,23,26,27,34,37,39,46,47,50,6,8,11,13,16,20,24,35,38,40,42,45,49,0,1,7,14,17,19,22,25,28,29,30,36,41,5,9,10,12,18,21,31,32,33,43,44,48,51



RBN format:% rbn 2.8
% www.himbuv.com
% info@himbuv.com
% created 2020-11-28UTC17:23:47
T PBN2RBN CONVERSION
D 201110??
L Veldhoven Netherlands 
E A - Bermuda Bowl 
S 
K Netherlands:USA 2:+130:+108
N Bas Drijver+Sjoert Brink:Joe Grue+Justin Lall:O
B 31
H W:9542.96.987.T952 QJT.Q4.AK63.A763 863.AJ73.52.KJ84 AK7.KT852.QJT4.Q
A SN:1HP2C^1:P2DP2H:P2SP2N^2:P3C^3P3D:P3S^4P4D:P4HP5D:P6D!AP
1 Probably Mancheforcing
2 Probably Extra and stopper
3 Conventional
4 Conventional
C 6D:S
P S4T6K:H6QA5:C2AKQ:H943K:D7KH7H2:D832T:-:-H8
R 12
-->


<div class="dragme"><div id="Yourtext" style="position:absolute;top:450px;left:0px;cursor:default;width:800px;">
<!-- ************* your text here *********************************************************************** -->

</div></div></div>
<br><br>

<div id="links" style="position:absolute;top:500px;left:430px;">
<!-- <a href="javascript:void(0)" onclick="repos(8)">Move the bidding to top right</a> <br/> -->
Click on a card in the diagram to hide it.<br>
Toggle parts of the board see links below.<br>
<a href="javascript:void(0)" onclick="toggleplayer(&#39;dea_l&#39;);" title="Show hide title">Toggle title</a> &nbsp;
<a href="javascript:void(0)" onclick="toggleplayer(&#39;contract&#39;);" title="Show hide contract">Toggle contract</a> &nbsp;
<a href="javascript:void(0)" onclick="toggleplayer(&#39;nort_h&#39;);" title="Show hide north">Toggle north</a><br>
<a href="javascript:void(0)" onclick="toggleplayer(&#39;wes_t&#39;);" title="Show hide west">Toggle west</a> &nbsp;
<a href="javascript:void(0)" onclick="toggleplayer(&#39;eas_t&#39;);" title="Show hide east">Toggle east</a><br>
<a href="javascript:void(0)" onclick="toggleplayer(&#39;sout_h&#39;);" title="Show hide south">Toggle south</a> &nbsp;
<a href="javascript:void(0)" onclick="toggleplayer(&#39;bgim_g&#39;);" title="Show hide image">Toggle image</a><br>
<a href="javascript:void(0)" onclick="toggleplayer(&#39;con_t&#39;);" title="Show hide card diagram">Toggle card diagram</a> &nbsp;
<a href="javascript:void(0)" onclick="showcards();" title="Show cards hidden cards">Show hidden cards</a><br>
<a href="javascript:void(0)" onclick="toggleplayer(&#39;b_idding&#39;);" title="Show hide bidding diagram">Toggle bidding diagram</a> &nbsp;
<a href="javascript:void(0)" onclick="show_cells(1);" title="Show hidden bids">Show all bids</a><br>
<a href="javascript:void(0)" onclick="toggleplayer(&#39;lead&#39;);" title="Show hide the lead">Toggle lead</a>
<br><br>
<form name="drop_list" action="http://www.himbuv.com/cgi-bin/php/pbn_edit.php#">
<select name="bid_list" onchange="hide_after_cell(this.options[this.selectedIndex].value)">
<option value="0">Hide after bid</option>
<option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>
</form>
</div>

<div id="frm" style="position:absolute;top:706px;left:430px;">
<form name="allcards" action="http://www.himbuv.com/cgi-bin/php/pbn_edit.php#">
Current state: <input type="text" size="40" name="delcards" readonly="readonly">
<input type="button" value="Save state" onclick="storestate()">
</form>
</div>
<br><br><br>
<div id="oine_s">
<!--
<img src="/img/line_h.png" alt="horizontal" width="400" height="5" class="dragme" style="cursor:default;z-index=30;"/><br/>
<img src="/img/line_v.png" alt="horizontal" width="5" height="400" class="dragme" style="cursor:default;z-index=32;"/>
-->
</div>


<script type="text/javascript">
var width  ;
var height ;
$(document).ready(function(){
thetable=document.getElementById("b_idding").outerHTML;
})
resizeTo(1920,1040);

/*
change: add the contents of the "current state" field in this variable ie:
var currentstate="1,1,0,1,0,1,1,0,0,10|c47,c46,c44,c45,c43,c4,c5,c8,c9,c7|22,10,34,137,126,147,255,138,556,8";
save the file and load into browser

empty the current state variable to ie:
var currentstate="";
to create another state
*/

var currentstate="";
if(currentstate.length){

    producestate(currentstate);
    resizeTo(width,height);
    window.resizeTo(screen.availWidth,screen.availHeight)
    nodrag=1;
}
else{
    obj=document.getElementById("b_idding");
     if(window.obj){
        getPosition(obj);
        repos(4) // dynamicly position depends on size west/east
    }
}
for (var i=1; i < maxcell ; ++i){
    addOption(document.drop_list.bid_list, i, i);
}
moveTo(0,0);
self.focus();
</script>
<!--
Created by http://www.himbuv.com/cgi-bin/php/pbn_edit.php version 0.9 at UTC (ISO 8601) 2020-11-28T17:23:47
-->


</body></html>